<!DOCTYPE html>
<html>
	<head>
		<title>
			<?php
			if (isset($title)) {
				echo $title;
			} else {
				echo 'web Hotel Gen';
			}
			?>
		</title>
		<!--Baris-baris berikut untuk membuat menu bar dengan jQuery-->
                <style>
                    body{
	background:#fff url('<?php echo IMAGES ?>bg.gif');
	color:#611101;
	font-family:Arial, Tahoma;
	font-size:10pt;
}
#container{
	width:800px;
	margin: 20px auto;
}
#sudut{
	float:right;
	text-align:right;
}
#header{
}
#logo{
	float:left;
	padding:20px;
	border-right:#611101 solid 1px;
}
#welcome{
	float:left;
	padding:20px;
	margin-top:40px;
}
.nama{
	font-size:23px;
	font-weight:bold;
}
#wrapper{
	background:#fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#nav{
	width:800px;
}
.menu{
	list-style:none;
	margin:0;
}
.menu li a{
	float:left;
	display:block;
	padding:5px 5px 5px 5px;
	border-right:#611101 solid 1px;
	color:#611101;
	font-weight:bold;
	text-decoration:none;
	font-size:8pt;
}
.menu a:hover{
	background: #eee;
}
#judul{
	text-align:center;
	height:50px;
	background:url('<?php echo IMAGES ?>borderlogin.gif') bottom repeat-x;
	padding-top:20px;
	margin:0 20px 0px 20px;
}
#isi{
	padding:0 20px 20px 20px;
}
h1{
	color:#e3962c;
	text-decoration:none;
	font-size:18pt;
	font-weight:bold;
	display:inline;
}
h2{
	color:#611101;
	text-decoration:underline;
	font-size:14pt;
	font-weight:bold;
}
h3{
	color:#611101;
	text-decoration:underline;
	font-size:10pt;
	font-weight:bold;	
}
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:left;}
td.right{font-weight:bold;}
.kiri{float:left;}
.kanan{float:right;}
.bgpink{
	padding:10px;
	background:#faf4e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	min-height:400px;
	min-width:280px;
}
.tabelket{
    margin:auto;
}
.tabelket tr{
	height:25px;
	vertical-align:top;
}
.daftar{
	width:430px;
	border:#611101 solid 1px;	
	background:#cfb38c;	
}
.daftar tr:hover{
	background:#faf4e5;	
}
.daftar th{
	background:#fff;	
	height:40px;
}
.daftar td{
	border-top:#fff dashed 2px;	
	text-align:center;
	height:30px;
}
.clear{clear:both;}
a{
	color:#611101;
	font-weight:bold;
	text-decoration:none;
}
input, textarea{
	border:#611101 solid 1px;	
}
.textbesar{
	width:250px;
	height:100px;
}
.tombol{
	border:none;
	background:#611101;
	color:#fff;
	padding:2px 8px 2px 8px;
	min-width:95px;
	max-width:130px;
	display:block;
	font-weight:bold;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	margin: 20px;
}
.tombolsign{
	border:none;
	background:#611101;
	color:#fff;
	padding:2px 8px 2px 8px;
	min-width:95px;
	max-width:130px;
	font-weight:bold;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
}
.panjang{
	width:250px;
}
.pendek{
	width:50px;
}
#footer{
	margin:20px;
	color:#898989;
}
label{
	width:200px;
}
                </style>
        <link rel="stylesheet" href="<?php echo CSS_JQUERY ?>jquery.ui.all.min.css" type="text/css" title="ui-theme" />
		<link rel="stylesheet" href="<?php echo CSS ?>mymenubar.css" type="text/css" title="ui-theme" />
		
                <link rel="stylesheet" href="<?php echo CSS ?>jquery.miniColors.css" type="text/css"/>
        <script language="javascript" src="<?php echo JQUERY ?>jquery-1.5.2.min.js"></script>
		<script language="javascript" src="<?php echo JQUERY ?>jquery.datatables.js"></script>
                <script language="javascript" src="<?php echo JQUERY ?>FixedColumns.js"></script>
        <script language="javascript" src="<?php echo JQUERYUI ?>jquery.ui.core.min.js"></script>
        <script language="javascript" src="<?php echo JQUERYUI ?>jquery.ui.widget.min.js"></script>
        <script language="javascript" src="<?php echo JQUERYUI ?>jquery.ui.position.min.js"></script>
        <script language="javascript" src="<?php echo JQUERYUI ?>jquery.ui.button.min.js"></script>
        <script language="javascript" src="<?php echo JQUERYUI ?>jquery.ui.menu.min.js"></script>
        <script language="javascript" src="<?php echo JQUERYUI ?>jquery.ui.menubar.min.js"></script>
		<script language="javascript" src="<?php echo JQUERYUI?>jquery.ui.mouse.min.js"></script>
		<script language="javascript" src="<?php echo JQUERYUI?>jquery.ui.draggable.min.js"></script>
		<script language="javascript" src="<?php echo JQUERYUI?>jquery.ui.position.min.js"></script>
		<script language="javascript" src="<?php echo JQUERYUI?>jquery.ui.resizable.min.js"></script>
		<script language="javascript" src="<?php echo JQUERYUI?>jquery.ui.dialog.min.js"></script>
		<script language="javascript" src="<?php echo JQUERYUI?>jquery.ui.datepicker.min.js"></script>
		<script>
		$(document).ready(function() {
			$( "#dialog" ).dialog({
				autoOpen: false,
				width : 400,
				height : 300,
				modal : true
			});
		} );
		function load_dialog(id){
			$("#ui-dialog-title-dialog").text("Asisten Pendaftar");
			$("#dialog").empty();
			$("#dialog").append('<center><img src="<?php echo IMAGES?>spinner.gif"/></center>');
			$("#dialog").dialog("open");
			$("#dialog").load('<?php echo JADWAL ?>display_pemilih/'+id);
		}
		</script>
        <script>
			$(function() {
				$("#bar1, .menubar").menubar({
					menuIcon: true,
					buttons: true
				});
			});
			function confirm_msg(){
				return confirm('Apakah benar akan dihapus?');
			}
		</script>
		<style>
			.clicked{
				cursor: pointer;
				color : blue;
			}
			.clicked:hover{
				text-decoration: underline;
			}
			.selected{
				background-color: yellow;
			}
		</style>
	</head>
	<body>





<div id="container">
	<div id="header">
		<div id="sudut">
			Sabtu, 2 Juni 2012<br />
			05:55 WIB<br />
			<a href="<?php echo HOME ?>logout" class="tombolsign">Sign Out</a>
		</div>
		<div id="logo">
			<a href="#"><img src="<?php echo IMAGES ?>logo_trans.png" /></a>
		</div>
		<div id="welcome">
			<strong>Selamat Pagi,</strong><br />
			<span class="nama"><?php echo $this->session->userdata('nama_user'); ?></span>
		</div>
		<div class="clear"></div>
	</div>
	
	<div id="wrapper">
		<div id="nav">
			<ul class="menu">
                            <?php
                            
$menu = $this->fungsi_model->get_all_fungsi();

                            for ($i=0;$i<count($menu);$i++)
{
    ?>
<li><a href="<?php echo base_url().$menu[$i]['link'] ?>"><?php echo $menu[$i]['nama_fungsi'] ?></a></li>
<?php
}
?>
			</ul>
		</div>
		<div class="clear"></div>
<div id="judul"><img src="<?php echo IMAGES ?>kiri.gif" /><h1>HOTEL MANAGEMENT</h1><img src="<?php echo IMAGES ?>kanan.gif" /></div>
		<div id="isi">
                    <div class="bgpink">